// hash 原理
// 需要后端配合 实现重定向，否则无法刷新页面
wiindow.addEventListener('load', () => {
    html.innerHTML = location.hash.slice(1);
})
window.addEventListener('hashchange', () => {
    html.innerHTML = location.hash.slice(1)
})

// history 原理

{/* <a onclick="go(/home)">首页</a>
<a onclick="go(/about)">关于</a>
<div id="html"></div> */}
function go(path) {
    history.pushState({}, null, path)
    html.innerHTML = path
}
window.addEventListener('popstate', () => {
    go(location.pathname)
})